<html>
    <head>
        <meta charset="utf-8">
        <title>(=^-ω-^=)</title>
        <link rel="stylesheet" href="assets/stylesheets/global.css">
        <link rel="stylesheet" href="assets/stylesheets/about.css">
        <link rel="shortcut icon" href="assets/images/favicon.ico" type="image/x-icon">
        <link rel="icon" href="assets/images/favicon.ico" type="image/x-icon">
        <script>
            // 统计代码
            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
                m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
                })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

            ga('create', 'UA-93231524-1', 'auto');
            ga('send', 'pageview');
        </script>
        <style>
        </style>
    </head>
    <body>
        <div id="header">
            <a href="index.html"><div id="logo">JG</div></a>
        </div>
        <div id="container" class="center" style="width: 50em;">
            <div class="face">
                <div class="ears">
                    <div id="left-ear" class="ear left-ear">
                      <div class="round"></div>
                    </div>
                    <div id="right-ear" class="ear right-ear">
                      <div class="round"></div>
                    </div>
                  </div>
                <div class="avatar-wrapper" style="margin-top: 8em">
                    <a href="/cat-bn.html"><img class="left" src="assets/images/boniu-cat-avatar.png"/></a>
                    <a href="/cat-ss.html"><img class="right" src="assets/images/sansan-cat-avatar.png"/></a>
                </div>
                <div class="center" style="text-align: center;">
                    <span class="cat">ω</span>
                </div>
            <div>
        </div>
    </body>
    <script>
    document.addEventListener("DOMContentLoaded", function(event) { 
        var emotions = [
            "ฅ'ω'ฅ", "(=^-ω-^=)", "ฅ(๑˙o˙๑)", "(´ฅωฅ‘)", 
            "(ฅ>ω<*ฅ)", "(ฅ⁼̴̀།།⁼̴́ฅ)❀", "๑•̀ㅁ•́ฅ✧", "( 〃 ˙꒫˙ 〃 )", 
            "ლ(•̀ _ •́ ლ)", "ฅ(๑•́₃•̀๑٥)", "(ฅ⁍̴̀◊⁍̴́)و ̑̑", "ฅ(๑*д*๑)ฅ"
        ]
        var n = Math.floor(Math.random() * emotions.length + 1)-1;  
        document.getElementsByClassName('cat')[0].textContent = emotions[n]
    });
    </script>
</html>
